<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href=""> -->
    <style>
        *{padding: 0;margin: 0;}
        html{
            height: 5000px;
        }
    </style>
</head>
<body>
    <a href="https://www.baidu.com">百度</a>
</body>
<script>
    // 页面相关的事件 => window

    // onload  页面所有内容(文档,script,img)加载完毕之后执行
    // window.onload = function(){
    //     console.log("页面所有内容加载完毕");
    // }


    // onresize  窗口大小改变之后执行
    // window.onresize = function(){
    //     console.log("窗口大小改变",document.documentElement.clientWidth,document.documentElement.clientHeight);
    // }

    // onscroll  页面上滚动条滚动时触发
    // window.onscroll = function(){
    //     console.log("scrolling");
    // }

    // onfocus 窗口聚焦时触发 (从其他位置切换到目标窗口)
    // onblur 窗口失焦时触发   (从目标窗口切换到其他位置)
    // var count = 0;
    // window.onfocus =function(){
    //     console.log("窗口聚焦","检测到用户违规操作:"+count);
    // }

    // window.onblur =function(){
    //     console.log("窗口失焦:你想干什么");
    //     count ++;
    // }

    // onbeforeunload  页面离开之前触发(用于页面在刷新、关闭、跳转时提醒用户)
    // window.onbeforeunload = function(){
    //     return "11111";
    // }



</script>
</html>